.diy .user-block,.coupon {
    margin: 0;
}

.nav-icon-list .nav-icon.nav-icon-3 {
    width: 250upx;
}

.nav-icon-list .nav-icon.nav-icon-4 {
    width: 186upx;
}

.nav-icon-list .nav-icon.nav-icon-5 {
    width: 150upx;
}

.nav-icon-list .nav-icon navigator {
    position: relative;
    z-index: 9;
}

.rubik-list {
    position: relative;
    width: 100%;
}

.rubik-list .rubik-one {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
}

.diy-goods-list-0 {
    width: 100%;
    background-color: #fff;
    overflow-x: hidden;
    padding: 0 12upx;
}

.diy-goods-list-1 {
    width: 550upx;
    background-color: #fff;
    overflow-x: hidden;
}

.diy-goods-one {
    margin: 12upx;
    width: calc(100% - 24upx);
}

.diy-goods-one-0,.diy-goods-one-1 {
    width: calc(100% - 24upx);
}

.diy-goods-one-2 {
    width: calc(50% - 24upx);
}

.diy-goods-one-3 {
    width: calc(33.33% - 24upx);
}

.diy-goods-one-4 {
    width: calc(264upx - 24upx);
}

.diy-goods-one-1 .diy-goods-border {
    padding-bottom: 0;
    text-align: left;
    border-radius: 0 12upx 12upx 0;
}

.diy-goods-border {
    flex-wrap: wrap;
}

.diy-goods-border-1 {
    border: 1upx solid #eee;
    border-radius: 0 0 12upx 12upx;
}

.diy-goods-border-2 {
    text-align: center;
}

.diy-goods-border-3 {
    border: 1upx solid #eee;
    border-radius: 0 0 12upx 12upx;
    text-align: center;
}

.diy-goods-img {
    position: relative;
}

.diy-goods-img image:first-child {
    width: 152upx;
    height: 152upx;
    display: block;
}

.diy-goods-img-0 {
    width: 698upx;
    height: 698upx;
}

.diy-goods-img-1 {
    width: 200upx;
    height: 200upx;
}

.diy-goods-img-2 {
    width: 335upx;
    height: 335upx;
}

.diy-goods-img-3 {
    width: 218upx;
    height: 218upx;
}

.diy-goods-img-4 {
    width: 240upx;
    height: 240upx;
}

.diy-goods-content {
    padding: 0 24upx;
    flex-wrap: wrap;
    width: 100%;
    padding-bottom: 24upx;
}

.diy-goods-content-1 {
    width: calc(100% - 200upx);
    align-items: flex-end;
}

.diy-goods-price {
    color: #ff4544;
    font-size: 13pt;
}

.buy-btn {
    justify-content: flex-end;
    display: flex;
    margin-top: 10upx;
}

.buy-btn image {
    width: 50upx;
    height: 50upx;
}

.buy-btn-2 {
    width: auto;
    padding: 4upx 30upx;
    border-radius: 50upx;
    background-color: #ff4544;
    color: #fff;
    max-width: 200upx;
}

.buy-btn-3 {
    width: auto;
    padding: 4upx 30upx;
    color: #ff4544;
    max-width: 200upx;
    border: 1upx solid #ff4544;
}

.buy-btn-4 {
    width: auto;
    padding: 4upx 30upx;
    color: #ff4544;
    border-radius: 50upx;
    max-width: 200upx;
    border: 1upx solid #ff4544;
}

.buy-btn-5 {
    width: auto;
    padding: 4upx 30upx;
    background-color: #ff4544;
    color: #fff;
    max-width: 200upx;
}

.diy-goods-mark {
    position: absolute;
    left: 0;
    top: 0;
    width: 64upx;
    height: 64upx;
}

.diy-cat-0 {
    width: 100%;
    padding: 0 24upx;
    background-color: #fff;
    border-bottom: 1upx solid #eee;
}

.diy-cat-one-0 {
    padding: 0 26upx;
    text-align: center;
    height: 100upx;
    max-width: 200upx;
}

.diy-cat-one-0.active {
    border-bottom: 2upx solid #ff4544;
    color: #ff4544;
}

.diy-cat-one-1 {
    margin: 22upx 0;
    padding: 0upx 26upx;
    color: #666;
    height: 58upx;
    max-width: 200upx;
}

.diy-cat-one-1.active {
    color: #fff;
    border-radius: 29upx;
    background-color: #ff4544;
}

.diy-cat-1 {
    width: 200upx;
    background-color: #f7f7f7;
    height: auto;
}

.diy-cat-one-2 {
    padding: 12upx;
    width: 100%;
    height: 106upx;
    text-align: center;
}

.diy-cat-one-2.active {
    border-left: 4upx solid #ff4544;
    background-color: #fff;
    color: #ff4544;
}

.diy-cat-name {
    margin-top: 24upx;
    padding: 12upx 24upx;
    background-color: #fff;
}

.div-cat-name:first-child {
    margin: 0;
}

.diy-goods-1 {
    padding: 24upx;
    width: 100%;
}

.link {
    height: 72upx;
    position: relative;
}

.link .img {
    width: 12upx;
    height: 22upx;
    margin-right: 24upx;
}

.attr-item {
    margin: 0 20upx 20upx 0;
    background: #f7f7f7;
    border-radius: 10upx;
    padding: 10upx 20upx;
}

.attr-item.active {
    background-color: #ff4544;
    color: #fff;
}

.attr-item.attr_num_0 {
    color: #c5c5c5;
}

.goods-modal-btn {
    background-color: #ff4544;
    color: #fff;
    padding: 12upx 20upx;
    border-radius: 35upx;
}

.attr-picker .number-input-box {
    height: 70upx;
}

.attr-picker .number-input-box .number-input {
    height: 70upx!important;
    border: none;
    text-align: center;
    width: 120upx;
    background: #eee;
    margin: 0 4upx!important;
}

.attr-picker .number-input-box .number-btn {
    height: 100%!important;
    width: 70upx;
    background: #eee;
}

.attr-picker .number-input-box .number-btn.disabled {
    background: #f6f6f6;
    color: #aaa;
}

.time-block {
    position: relative;
    color: #fff;
    padding: 24upx;
    width: 100%;
    height: 140upx;
}

.time-block view {
    position: relative;
    z-index: 99;
}

.time-block image {
    width: 100%;
    height: 140upx;
    position: absolute;
    left: 0;
    top: 0;
}

.banner .slide-image-2 {
    width: 600upx;
    height: 288upx;
}

.miaosha-time {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: -webkit-gradient(linear,left top,right top,from(#f44),to(#ff8b8b));
    background: linear-gradient(90deg,#f44,#ff8b8b);
    color: #fff;
    padding: 0 10px;
}

.miaosha-time-0 {
    height: 80upx;
}

.miaosha-time-1,.miaosha-time-2 {
    height: 44upx;
}

.font-default {
    color: #aaa;
}

.store-img-0 {
    width: 88upx;
    height: 88upx;
}

.store-img-0 image {
    border-radius: 88upx;
}

.store-btn {
    display: inline-block;
    border: 1upx solid #ccc;
    border-radius: 8upx;
    padding: 8upx 16upx;
    color: #666;
    font-size: 9pt;
}

.store-list {
    background: #fff;
}

.store-goods-list {
    background: #e6e6e6;
}

.store-goods-list .store-goods-item {
    position: relative;
    font-size: 0;
    background: #fff;
    margin: 8upx;
    display: inline-block;
}

.store-goods-list .store-goods-item view {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: rgba(255,255,255,0.85);
    color: #ff4544;
    padding: 6upx;
    text-align: center;
}

.link-img {
    width: 100%;
    height: 50%;
    background-repeat: no-repeat;
    background-size: contain;
}

.text-center {
    text-align: center;
}

.topic-one {
    display: block;
    background: #fff;
    padding: 34upx 24upx;
    margin-bottom: 10upx;
}

.topic-one:last-child {
    margin-bottom: 0;
}

.topic-one .topic-title {
    -webkit-line-clamp: 3;
}

.topic-one.layout-1 .topic-title {
    margin-bottom: 24upx;
}

.layout-0 .topic-cover-pic {
    width: 268upx;
    height: 202upx;
    margin-left: 10upx;
    display: block;
}

.layout-1 .topic-cover-pic {
    width: 702upx;
    height: 350upx;
    margin-bottom: 24upx;
    display: block;
}

.diy .topic-bar {
    border: 0;
}